<template>
  <vue-seamless-scroll :data="listData" :classOption="{hoverStop:true ,step	:0.5}" class="seamless-warp">
    <div class="item">
      <li v-for="(item, index) in listData" :key="index">
        <a class="title" v-text="item.title" @click="aClick(index)"></a>
      </li>
    </div>
  </vue-seamless-scroll>
</template>
<style scoped>
.seamless-warp {
  height: 229px;
  overflow: hidden;
}
</style>
<script>
export default {
  name: 'ScrollTest',
  data() {
    return {
      listData: [
        {
          title: "第一行",
        },
        {
          title: "第二行",
        },
        {
          title: "第三行",
        },
        {
          title: "第四行",
        },
        {
          title: "第五行",
        },
        {
          title: "第六行",
        },
        {
          title: "第七行",
        },
        {
          title: "第八行",
        },
        {
          title: "第九行",
        },
      ],
    };
  },
  methods:{
    aClick(i){
      alert(i)
    }
  }
};
</script>


